<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>复制评价</title>
    <link rel="stylesheet" href="css/mobile_reset.css">
    <link rel="stylesheet" href="css/mui.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/confirm_evaluate.css">
    <link rel="stylesheet" href="css/images_blowUp.css">
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);


        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<!--商家驳回-->
<div class="merchant_reject">
    <p class="tishi"><span class="icon iconfont icon-tishi"></span></p>
    <p>商家驳回了评价，驳回原因如下：</p>
    <p><span>好评文字过于简单，上传图片不够清晰</span></p>
    <p><b>(请按要求重新评价或追评，并上传相应截图)</b></p>
    <p><a href="#">查看之前上传的截图</a></p>
</div>
<!--确认试用商品信息-->
<div class="affirm_goodsInformation">
    <p class="title">试用商品信息</p>
    <div class="good">
        <p class="title">
            <span>NIKE旗舰店</span>
            <b>&nbsp;&nbsp;10:20:35</b>
            <b>2016-11-18</b>
        </p>
        <ul>
            <li>
                <img src="images/syjz_bg_nike_default.png" alt="">
            </li>
            <li>
                <p class="goodName"><span>夏季美西南科技项目再看下面来看</span></p>
                <p>商品规格：<span>米色，M</span></p>
                <p>商品数量：<span>1件</span></p>
                <p class="goodPrice">商品价格：<span>&yen;1000.00</span></p>
            </li>
            <li>
                <p>
                    淘宝订单号
                    <br/>
                    123456789
                    <br/>
                    123456
                </p>
        </ul>
    </div>
    <div class="pothook">
        <img class="left" src="images/bg_lj_default.png" alt="">
        <img class="right" src="images/bg_lj_default.png" alt="">
    </div>
</div>
<!--填写好评内容-->
<div class="good_reputation">
    <p class="title">复制评价内容</p>
    <p class="step">
        1.请打开手机淘宝，在“我的淘宝 - 待收货”中找到相应的宝贝
        点击“确认收货”，并进行评价，将下面评价内容复制到淘宝评价
        中，并上传同样的晒单照片，需要全五星好评，晒单照片必须
        要上传5张。
    </p>
    <h1>好评内容：</h1>
    <div class="import_box">
        <textarea>漂亮、好看!</textarea>
    </div>
    <!--复制评价内容-->
    <p class="copy_evaluate">
        <input class="copy_evaluate_btn" type="button" value="复制评价内容">
    </p>
    <h1>商品图片(请上传5张晒单照片)</h1>
    <div class="mui-content" style="background-color:#fff;">
    <div class="goods_picture mui-content-padded" style="margin:0;">
        <a class="result" href="javascript:void(0);">
            <!--<input class="file_input" type="">-->
            <img src="images/shpj_bg_jordan_default.png"  data-preview-src="" data-preview-group="1"  alt="">
        </a>
        <a class="result" href="javascript:void(0);">
            <!--<input class="file_input" type="">-->
            <img src="images/shpj_bg_jordan_default.png"  data-preview-src="" data-preview-group="1"  alt="">
        </a>
        <a class="result" href="javascript:void(0);">
            <!--<input class="file_input" type="">-->
            <img src="images/shpj_bg_jordan_default.png"  data-preview-src="" data-preview-group="1"  alt="">
        </a>
        <a class="result" href="javascript:void(0);">
            <!--<input class="file_input" type="">-->
            <img src="images/shpj_bg_jordan_default.png"  data-preview-src="" data-preview-group="1" alt="">
        </a>
        <a class="result" href="javascript:void(0);">
            <!--<input class="file_input" type="">-->
            <img src="images/shpj_bg_jordan_default.png"  data-preview-src="" data-preview-group="1" alt="">
        </a>
    </div>
    </div>
    <div class="pothook">
        <img class="left" src="images/bg_lj_default.png" alt="">
        <img class="right" src="images/bg_lj_default.png" alt="">
    </div>
</div>
<!--评价后截图上传-->
<div class="evaluate_screenshot">
    <p class="title">评价后截图上传</p>
    <p class="step">
        2.提交评价后，截图上传成功发布的评价信息，示例如下：
    </p>

    <div class="evaluate_example mui-content-padded">
        <a class="left" href="javascript:void(0);">
            <img src="images/copy.png" data-preview-src="" data-preview-group="1"  alt="">
        </a>
        <a class="result right" href="javascript:void(0);">
            <input class="file_input" type="file">
            <img src="images/shpj_icon_tj_default.png" alt="">
            <span>请上传您的评价详情截图</span>
        </a>
    </div>
    <div class="pothook">
        <img class="left" src="images/bg_lj_default.png" alt="">
        <img class="right" src="images/bg_lj_default.png" alt="">
    </div>
</div>
<!--注意事项-->
<div class="notice_matter">
    <p class="title">注意事项</p>
    <div class="matter_content">
        <p>
            收货好评之后，商家将在24小时内确认评价，之后系统返款，请耐心等待，严禁到旺旺上
            催商家或者提及试用、返款等事宜。
        </p>
    </div>
</div>
<p class="submit_btn">
    <input class="affirm_submit" type="submit" value="已晒单评价，提交">
</p>

<div class="modal_box_copy">
    <div class="modal_content">
        <p class="hint">
            <span>提示</span>
            <img class="close" src="images/tc_icon_off_default.png" alt=""></p>
        <p class="main">复制成功</p>
        <p class="confirm">
            <input class="close" type="button" value="确定">
        </p>
    </div>
    <div class="mask_layer"></div>
</div>
<div class="modal_box">
    <div class="modal_content">
        <p class="hint">
            <span>提示</span>
            <img class="close" src="images/tc_icon_off_default.png" alt=""></p>
        <p class="main">确认提交？</p>
        <p class="btns">
            <input type="button" value="确定">
            <input class="close" type="button" value="取消">
        </p>
    </div>
    <div class="mask_layer"></div>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/mui.js"></script>
<script src="js/mui.zoom.js"></script>
<script src="js/mui.previewimage.js"></script>
<script>
    mui.previewImage();
</script>

<script>
    $(function(){
        //    取消禁止a标签的跳转
        mui('nav').on('tap','a',function(){document.location.href=this.href;});
        $('.mask_layer').height(document.body.scrollHeight+30);
        $('.copy_evaluate_btn').bind("tap",function(){
            $('.modal_box_copy').css('display','block');
            $(document.body).css({
                "overflow-x":"hidden",
                "overflow-y":"hidden"
            });

        });
        $('.close').bind("tap",function(){
            $('.modal_box_copy').css('display','none');
            $(document.body).css({
                "overflow-x":"auto",
                "overflow-y":"auto"
            });
        })
        $('.affirm_submit').bind("tap",function(){
            $('.modal_box').css('display','block');
            $(document.body).css({
                "overflow-x":"hidden",
                "overflow-y":"hidden"
            });

        });
        $('.close').bind("tap",function(){
            $('.modal_box').css('display','none');
            $(document.body).css({
                "overflow-x":"auto",
                "overflow-y":"auto"
            });
        })
    })
</script>
</html>



























